<%-- 
    Document   : page
    Created on : 2015-5-8, 11:48:49
    Author     : hayate
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    
    String picpath = request.getContextPath() + "/pictures/";
    //String picpath = "http://localhost/pictures/";
%>
 <div id="page-mypage">
<div class="ui-layout-west">
    
<section class="_unit my-profile-unit">
    <a class="user-link" href="#" style="display: block;">
        <div class="user-image-container">
            <img src="http://source.pixiv.net/common/images/no_profile_s.png" width="40">
        </div>
        <h1 class="user">${user.name}</h1>
        <p class="more">查看个人资料</p>
    </a>
</section>
    
    <section class="_unit menu-unit"><p>
            <a href="#">评论记录</a></p>
    </section>

<aside class="_unit list-unit following-unit">
    <h1 class="unit-title"><a href="#">正在关注</a></h1>
    <div class="unit-count">6</div>
    <ul class="user-list">
        <c:forEach var="user" items="${users}">
        <li><a href="${pageContext.request.contextPath}/users/${user.id}/show" class="user _ui-tooltip" data-tooltip="菊池政治">
                <img src="http://i3.pixiv.net/img23/profile/tibi2001/4495171_s.jpg" alt="菊池政治" width="30"></a>
        </li>
        </c:forEach>        
    </ul>
    <div class="more"><a href="#">查看列表</a></div>
    <div class="related"><a href="#" class="tie">粉丝</a></div>
</aside>
    
<aside id="user-recommend-container" class="_unit list-unit">
<h1 class="unit-title"><a href="#">推荐用户</a></h1>
<ul class="user-list">
    <c:forEach var="user" items="${users}">
    <li >
        <a href="${pageContext.request.contextPath}/users/${user.id}/show" class="user _ui-tooltip" data-tooltip="${user.name}">
            <img src="http://i3.pixiv.net/img13/profile/yoshihisa620102/5396954_s.jpg" alt="${user.name}" width="30">
        </a>
    </li>
    </c:forEach>
</ul>
<div class="more">
    <a href="#">查看列表</a>
</div>
</aside>

</div>
<div class="ui-layout-east">
    <div class="contents-east">
                <div class="contents-main">             

<div id="item-container"><section class="item everyone-new-illusts" data-name="everyone_new_illusts">
        <header><h1><a href="#">大家的最新作品</a></h1>

        </header>
        <section class="content">
            <ul class="_image-items">
                <c:forEach var="dressing" items="${latestDressings}" varStatus="status">
                    <c:if test="${status.index < 6}">
                <li class="image-item ">
                    <a href="${pageContext.request.contextPath}/dressings/${dressing.id}" class="work  _work ">
                        <div class="_layout-thumbnail">
                            <img src="<%=picpath%>${dressing.pictureName}" class="_thumbnail" style="width: 120px;">
                        </div>
                    </a>
                    <a href="${pageContext.request.contextPath}/dressings/${dressing.id}">
                            <h1 class="title" title="無題">${dressing.title}</h1>
                        </a>
                    <a href="${pageContext.request.contextPath}/users/${dressing.user.id}/show" 
                       class="user ui-profile-popup" title="${dressing.user.name}" 
                       data-user_id="12280276" data-user_name="${dressing.user.name}">
                        ${dressing.user.name}
                    </a>
                </li>
                    </c:if>
                </c:forEach>
            </ul>
          <ul class="more"><li><a href="#">≫ 查看更多</a></li></ul>
        </section>
    </section>
    
    <section class="item following-new-illusts" data-name="following_new_illusts">
        <header><h1><a href="#">关注的新作品</a></h1>
            
        </header>
        <section class="content">
            <ul class="_image-items">
                <c:forEach var="dressing" items="${hotestDressings}" varStatus="status">
                    <c:if test="${status.index < 6}">
                <li class="image-item ">
                    <a href="${pageContext.request.contextPath}/dressings/${dressing.id}" class="work  _work multiple ">
                        <div class="_layout-thumbnail">
                            <img src="<%=picpath%>${dressing.pictureName}" class="_thumbnail" style="width: 120px;">
                        </div>
                    </a>
                    <a href="${pageContext.request.contextPath}/dressings/${dressing.id}">
                        <h1 class="title" title="鮒詰め">${dressing.title}</h1>
                    </a>
                    <a href="${pageContext.request.contextPath}/users/${dressing.user.id}/show" 
                       class="user ui-profile-popup" title="${dressing.user.name}" 
                       data-user_id="1148779" data-user_name="${dressing.user.name}">
                        ${dressing.user.name}
                    </a>
                </li>
                    </c:if>
                </c:forEach>
            </ul>
            <ul class="more"><li><a href="#">≫ 查看更多</a></li></ul>
        </section>
    </section>
</div></div><div id="column-misc" class="contents-right"><!-- branding -->




<section class="item abroad">
    <h1><a href="#">国际 排行榜</a></h1>
    <ol class="ranking">
        <c:forEach var="dressing" items="${hotestDressings}" varStatus="status">
            <c:if test="${status.index < 3}">
        <li class="rank-detail">
            <div class="rank-image-container">
                <a href="${pageContext.request.contextPath}/dressings/${dressing.id}" class=" _work ">
                    <div class="_layout-thumbnail">
                        <img src="<%=picpath%>${dressing.pictureName}" class="_thumbnail" alt="" style="width: 70px;">
                    </div></a>
            </div>
            <h2><a href="${pageContext.request.contextPath}/dressings/${dressing.id}">${dressing.title}</a></h2>
            <div class="user">by 
                <a href="${pageContext.request.contextPath}/users/${dressing.user.id}/show" class="ui-profile-popup" data-user_id="4462245">
                    ${dressing.user.name}</a></div>
            <div class="rank">${status.index+1}</div>
        </li>
            </c:if>
        </c:forEach>
      </ol>
    <div class="more"><a href="#">查看更多</a></div>
</section>
    
<section class="item daily">
    <h1><a href="#">今日排行榜</a></h1>
    <ol class="ranking">
        <c:forEach var="dressing" items="${hotestDressings}" varStatus="status">
            <c:if test="${status.index < 3}">
        <li class="rank-detail">
            <div class="rank-image-container">
                <a href="${pageContext.request.contextPath}/dressings/${dressing.id}" class=" _work ">
                    <div class="_layout-thumbnail">
                        <img src="<%=picpath%>${dressing.pictureName}" class="_thumbnail" alt="" style="width: 70px;">
                    </div>
                </a>
            </div>
            <h2><a href="${pageContext.request.contextPath}/dressings/${dressing.id}">${dressing.title}>${dressing.title}</a></h2>
                    <div class="user">by 
                        <a href="${pageContext.request.contextPath}/users/${dressing.user.id}/show" class="ui-profile-popup" data-user_id="3439325">
                            ${dressing.user.name}</a>
                    </div>
                    <div class="rank">${status.index+1}</div>
        </li>
            </c:if>
        </c:forEach>
        
    </ol>
    <div class="more"><a href="#">查看更多</a></div>
</section>
    

</div><div class="clear"></div></div></div><div class="clear"></div></div>

